@import "../../../node_modules/antd/es/style/themes/default.less";

@pro-header-hover-bg: rgba(0, 0, 0, 0.025);

.yi {
  &-test-spin {
    .ant-spin-blur {
      opacity: 0 !important;
      transition: none;
    }
  }
  &-logo {
    color: @primary-color;
    font-size: 1.2rem;
    line-height: 46px;
    float: left;
    font-weight: 200;
    margin: 0 20px 0 0;
  }
  &-header {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 46px;
    line-height: 45px;
    border-bottom: 1px solid #e8e8e8;
    //width: 1120px;

    &-tools {
      float: right;
      .action {
        cursor: pointer;
        padding: 0 12px;
        display: inline-block;
        transition: all 0.3s;
        height: 100%;
        > i {
          vertical-align: middle;
          color: @text-color;
        }
        &:hover {
          background: @pro-header-hover-bg;
        }
        :global(&.ant-popover-open) {
          background: @pro-header-hover-bg;
        }
      }
      &-menu {
        :global(.anticon) {
          margin-right: 8px;
        }
        :global(.ant-dropdown-menu-item) {
          width: 160px;
        }
      }
      &-notice {
        //margin: 0 20px;
      }
      &-avatar {
        //margin: 20px 8px 20px 0;
        //color: @primary-color;
        background: rgba(255, 255, 255, 0.85);
        vertical-align: top;

        &-img {
          margin-right: 8px;
          font-size: 20px;
        }
      }
      &-login {
        float: right;
        span {
          margin: 0 5px;
          &.link {
            color: @primary-color;
          }
        }
      }
    }
  }
  &-menu {
    height: 46px;
    line-height: 44px;
    //width: 1120px;
    float: left;
  }
  &-search {
    //float: left;
    line-height: 34px;
    height: 36px;
    /* padding: 4px 4px; */
    margin: 4px 10px;
    border-radius: 3px;
    background: #f3f4f5;
    border: 1px solid #e8e8e8;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    .anticon-search {
      margin-right: 10px;
    }
    .antd-pro-header-search-input {
      width: 300px !important;
      border: none;
      float: left;
      &:hover {
        border: inherit;
      }
    }
  }
}

#nprogress {
  .bar {
    background: @primary-color !important;
  }
  .peg {
    box-shadow: 0 0 10px @primary-color, 0 0 5px @primary-color !important;
  }
  .spinner-icon {
    border-top-color: @primary-color !important;
    border-left-color: @primary-color !important;
  }
}
